import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { apiServer } from "@/lib/api-server";
import type { GameInfo } from "@spinza/shared";
import type { ArcadeGameDefinition, CrashGameDefinition } from "@spinza/game-core/client";
import type { ClientDefinition } from "@/components/game/types";
import { GameClient } from "@/components/game/game-client";
import { CrashClient } from "@/components/crash/crash-client";
import { ArcadeClient } from "@/components/arcade/arcade-client";

type Params = { params: Promise<{ slug: string }> };

export async function generateMetadata({ params }: Params): Promise<Metadata> {
  const { slug } = await params;
  const data = await apiServer<{ game: GameInfo }>(`/api/games/${slug}`);
  if (!data) return { title: "Game not found" };
  return { title: `${data.game.name} — play free`, description: data.game.description, robots: { index: false } };
}

export default async function GamePage({ params }: Params) {
  const { slug } = await params;
  const data = await apiServer<{ game: GameInfo; definition: ClientDefinition | CrashGameDefinition | ArcadeGameDefinition }>(`/api/games/${slug}`);
  if (!data) notFound();
  if (data.game.kind === "crash") return <CrashClient game={data.game} definition={data.definition as CrashGameDefinition} />;
  if (data.game.kind === "arcade") return <ArcadeClient game={data.game} definition={data.definition as ArcadeGameDefinition} />;
  return <GameClient game={data.game} definition={data.definition as ClientDefinition} />;
}